<template>
  <basic-container>
    <!-- START goBack -->
    <div class="el-page-header haruyuki-mb-20">
      <div
        class="haruyuki-page-header-left haruyuki-flex-center haruyuki-size-18"
        @click="goBack"
      >
        <i class="el-icon-arrow-left"></i>
        <div class="haruyuki-size-16">返回</div>
      </div>
      <div class="el-page-header__content">租户详情</div>
    </div>
    <!-- END goBack -->
    <template>
      <tenant-details :tenant-id="tenantId" />
    </template>
  </basic-container>
</template>

<script>
import tenantDetails from "@/components/rb-core/tenant-details";
export default {
  components: {
    tenantDetails,
  },
  data() {
    return {
      tenantId: this.$route.query.tenantId,
    };
  },
  computed: {},
  created() {},
  mounted() {},
  methods: {
    /* 返回页面 */
    goBack() {
      this.$router.$avueRouter.closeTag();
      this.$router.back();
    },
  },
};
</script>

<style lang="scss" scoped>
.tenant-flex {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}
/deep/.el-transfer-panel__list.is-filterable {
  width: 400px !important;
  height: 500px !important;
}

/deep/.el-transfer-panel {
  width: 400px !important;
  height: 500px !important;
}
</style>